<template>
  <div class="TwoHeader-box">
    <!-- 广州市： -->
    <!-- <router-link to="/Dewu" exact-active-class="active"></router-link> -->

    <div class="ye_wa">
      <div class="ye">
        <!-- <img src="../../assets/dewuImg/1.png" alt="" /> -->
        <h4>ye_wa <br /><span>一天前 · 广州市</span></h4>
      </div>
      <!-- <img src="../../assets/dewuImg/fenxiang.png" alt="" /> -->
    </div>

    <div class="da">
      <!-- 大图 -->
      <div class="picture">
        <img src="../../../assets/jinimg/3.png" alt="" />
      </div>

      <!-- 内容： -->
      <div class="content">
        <h3>五羊本田u-be</h3>
        <p>
          老广最爱的两田之一。
          早前3750的时候没想好，就等到了官方涨价4250选了高配，续航长一点。
          不过在禁摩的广州能有合法上路的电动车我已经很开心了。
        </p>
        <p>
          官方是25公里时速85公里续航，但为了符合广州新标上牌，
          每10米都有滴滴的声音，烦了就花了几十刷掉了,
          同时25的时速上到了40+，但续航里程只有50-60左右了,
          没法直接切电线，因为忙次的t也敞h近tmal n切工n响l
        </p>
        <p>
          老广最爱的两田之一。
          早前3750的时候没想好，就等到了官方涨价4250选了高配，续航长一点。
          不过在禁摩的广州能有合法上路的电动车我已经很开心了。
        </p>
        <p>
          官方是25公里时速85公里续航，但为了符合广州新标上牌，
          每10米都有滴滴的声音，烦了就花了几十刷掉了,
          同时25的时速上到了40+，但续航里程只有50-60左右了,
          没法直接切电线，因为忙次的t也敞h近tmal n切工n响l
        </p>
      </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
      <div class="footer-R"></div>
      <div class="sharey-L">
        <li>
          <!-- <img src="../../assets/dewuImg/good.png" alt="" /> -->
          <p>72</p>
        </li>
        <li>
          <!-- <img src="../../assets/dewuImg/pinglun.png" alt="" /> -->
          <p>5</p>
        </li>
        <li>
          <!-- <img src="../../assets/dewuImg/shoucang.png" alt="" /> -->
          <p>9</p>
        </li>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "TwoHeader",
};
</script>

<style scoped>
.TwoHeader-box {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.da {
  flex: 1;
  overflow: auto;
}

.ye_wa {
  display: flex;
  height: 0.45rem;
  align-items: center;
  /* margin-top: 0.1rem; */
  justify-content: space-between;

  width: 100%;
}
.ye {
  display: flex;
  align-items: center;
}
.ye_wa img {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  margin: 0 0.2rem;
}
.ye_wa span {
  font-size: 0.14rem;
  color: #b5b3be;
}
.picture {
  width: 3.75rem;
  height: 3.75rem;
  background-color: green;
}
.picture img {
  width: 100%;
  height: 100%;
}

.content {
  width: 3.45rem;
  margin: auto;
  margin-top: 0.2rem;
  font-size: 0.14rem;
}
.content p {
  margin-bottom: 0.4rem;
  line-height: 0.3rem;
}

.footer {
  width: 100%;
  height: 0.5rem;
  /* background-color: red; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.footer-R {
  width: 2.15rem;
  height: 0.38rem;
  background-color: #f4f3f8;
  border-radius: 0.2rem;
}
.sharey-L img {
  width: 0.2rem;
  height: 0.2rem;
}
.sharey-L {
  display: flex;
  width: 1rem;
  justify-content: space-between;
  text-align: center;
}
.sharey-R li {
  text-align: center;
}
</style>